<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>活动</title>
</head>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="../../js/url.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/template.js"></script>
<body style="background:#f4d2af">
    <div class="bg">
        <div class="nav" style="display:none">
            <img src="images/d.png" alt="">
            <ul>
                <li class="active">
                    <a href="#t">“醇”礼飘香</a>
                </li>
                <li>
                        <a href="#n">“年”礼送福</a>
                </li>
                <li>
                    <a href="#c">“诚”礼相待</a>
                </li>
                <li style="padding-left:38px">
                        <a href="javascript:;" class="top">返回顶部</a>
                </li>
            </ul>
        </div>
        <div class="banner">
            <img src="images/banner.png" alt="">
        </div>
        
        <div style="position: relative; min-height:1328px;height:1340px;">
            <div style="position:absolute;width:390px; height:556px; left:0; top:-100px"><img src="images/zs1.png" alt=""></div>
            <div style="position:absolute; right:0; top:-100px"><img src="images/zs2.png" alt=""></div>
            <div style="position:absolute; right:0; bottom:0px"><img src="images/zs3.png" alt=""></div>
            <div style="position:absolute; right:100px; bottom:600px"><img src="images/zs4.png" alt=""></div>
            <div style="position:absolute; left:100px; bottom:300px"><img src="images/zs5.png" alt=""></div>
            <!-- 内容 -->
            <div class="title" style=" position: relative; z-index: 2; ">
                <img src="images/wy.png" alt="">
                <div style="position:absolute; left:-84px; top:110px"><img src="images/zs6.png" alt=""></div>
                <div class="tit_text" id="t">
                    “醇”礼飘香
                </div>
                <div class="bt">
                    <img src="images/bt.png" alt="">
                </div>
            </div>

            <div class="con" style="position: initial; margin:auto">
                <div class="bk">
                    <img src="images/bk.png" alt="">
                </div>
                <ul class="zw" style="display:none;">
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p class="img_bg">
                                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                                
                            </p>
                            <p class="text">
                                   加载中....
                            </p>
                            <p class="mon">
                                <span class="fl">活动价: ¥ <em>加载中....</em></span>
                                <span class="fr this_butt">
                                    立即抢购
                                </span>
                            </p>
                        </a>
                    </li>
                </ul>
                <ul class="list_1" style="z-index: 3; margin-top:66px; position: relative;">
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157257">
                            <p class="img_bg">
                                <img src="images/g_01.png" alt="">
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157437">
                            <p class="img_bg">
                                <img src="images/g_02.png" alt="">
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157425">
                            <p class="img_bg">
                                <img src="images/g_03.png" alt="">
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157470">
                            <p class="img_bg">
                                <img src="images/g_04.png" alt="">
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157466">
                            <p class="img_bg">
                                <img src="images/g_05.png" alt="">
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157271">
                            <p class="img_bg">
                                <img src="images/g_07.png" alt="">
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157438">
                            <p class="img_bg">
                                <img src="images/g_09.png" alt="">
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157442">
                            <p class="img_bg">
                                <img src="images/g_06.png" alt="">
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="../goods/goods_detail.html?goodsId=157523">
                            <p class="img_bg">
                                <img src="images/g_08.png" alt="">
                            </p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="banner">
            <img src="images/bg1.png" alt="">
        </div>
        
        <div class="bg_color">
                <div class="title2" style="width:1104px; position: relative; margin:auto">
                        <img src="images/wy.png" alt="">
        
                        <div class="tit_text" id="n">
                                “年”礼送福
                        </div>
                    </div>
                    <div class="goods_bg">
                            
                            <div class="goods_list">
                                <ul class="list_2">
                                       
                                </ul>
                                </div>
                                
                        </div>

                        <div class="title2" style="width:1104px; position: relative; margin:auto">
                            <img src="images/wy.png" alt="">
            
                            <div class="tit_text" id="c">
                                “诚”礼相待
                            </div>
                        </div>
                        <div class="goods_bg">
                                
                                <div class="goods_list">
                                    <ul class="list_3">
                                           
                                    </ul>
                                    </div>
                                    
                            </div>
                            <div style="margin:auto;text-align: center;">
                                    <a href="/index.html"><img src="images/gd.png" alt=""></a>
                            </div>        
                        
        </div>
        <div class="foot">
            <img src="images/di.png" alt="">
        </div>

        
    </div>
</body>
<!-- // “醇”礼飘香 -->
<script type="text/html" id="list1">
    {{for (var i=0; i<list.length; i++) { }}
        <li>
            <a target="_blank" href="../goods/goods_detail.html?goodsId={{=list[i].goods_id}}">
            <p class="img_bg">
                <em class="z_s" style="top:4px; left:4px"><img src="images/z_s.png" alt=""></em>
                <em class="z_x" style="bottom:4px; left:4px"><img src="images/z_x.png" alt=""></em>
                <em class="y_x" style="bottom:4px; right:4px"><img src="images/y_x.png" alt=""></em>
                <em class="y_s" style="top:4px; right:4px"><img src="images/y_s.png" alt=""></em>
                <img src="{{=list[i].image}}" alt="">
            </p>
            <p class="text">
                    {{=list[i].name}}
            </p>
            <p class="mon">
                <span class="fl">活动价: ¥ <em>{{=list[i].unitPrice}}</em></span>
                <span class="fr this_butt">
                    立即抢购
                </span>
            </p>
            </a>
        </li>
    {{ } }}
</script>
<!-- 年礼相送 -->
<script type="text/html" id="list2">
{{ for(var i=0; i< list.length; i++) { }}
    <li>
        <p class="img">
            <img src="{{=list[i].image}}" alt="">
        </p>
        <p class="g_text">{{=list[i].name}}</p>
        <p class="p_mon">
            <span class="fl">
                    活动价：¥<em>{{=list[i].unitPrice}}</em>
            </span>
            <span class="fr">
                <a target="_blank" href="../goods/goods_detail.html?goodsId={{=list[i].goods_id}}">立即购买</a>
            </span>
        </p>
    </li>
{{ } }}
</script>
<script>
    $(function(){
        $('.con .zw li').eq(1).css({
                        'margin-left':'6px',
                        'margin-right':'6px',
                    })
                    $('.con .zw li').eq(4).css({
                        'margin-left':'6px',
                        'margin-right':'6px',
                    })
                    $('.con .zw li').eq(7).css({
                        'margin-left':'6px',
                        'margin-right':'6px',
                    })
        $('.nav ul li').click(function(){
            $(this).addClass('active').siblings().removeClass('active')
        })
        $('.nav ul li').eq(3).click(function(){
            $(this).removeClass('active') 
        })
       
        $(window).scroll(function(){
            if($(window).scrollTop() > 870){
                $(".nav").show();
            }
            else{
                $(".nav").fadeOut(); 
            } 
        });
        $('.top').click(function(){
            $('body,html').animate({scrollTop: 0}, 300);
        })
        var goods_id='['+157257+','+157437+','+157425+','+157470+','+157466+','+157271+','+157438+','+157442+','+157523+']'
        var goods_id2='['+157440+','+157440+','+157311+','+157342+','+157395+','+157364+','+157390+','+157400+','+157341+','+157507+','+157447+','+157459+','+157522+','+157475+','+157477+','+157348+','+157446+']'
        var goods_id3='['+157224+','+157405+','+157372+','+157159+','+157465+','+157429+','+157464+','+157426+','+152518+','+157478+','+157201+','+157482+','+157245+','+157247+','+157474+','+157064+']'
        // “醇”礼飘香
        // var g='['+743+','+927+','+826+','+682+','+751+','+910+','+801+','+783+','+745+']'
        // $.ajax({
        //     type:'post',
        //         url:new_url+'shop/goods/getGoodsBasicList',
        //         dataType:'json',
        //         data:{goodsId:goods_id},
        //         success:function(e){
        //             var list1_bg=$('#list1').html()
        //             console.log(e)
        //             for (var i=0; i<e.data.goodsBasicList.length; i++){
        //                 var list1=template(
        //                     list1_bg,{
        //                         list:[{
        //                             goods_id:e.data.goodsBasicList[i].goodsId,
        //                             image:e.data.goodsBasicList[i].image,
        //                             name:e.data.goodsBasicList[i].name,
        //                             unitPrice:e.data.goodsBasicList[i].unitPrice
        //                         }]
        //                         }
        //                     )
        //                 $('.list_1').append(list1)
        //                 $('.zw').remove()        
        //             }
        //             $('.con ul li').eq(1).css({
        //                 'margin-left':'6px',
        //                 'margin-right':'6px',
        //             });
        //             $('.con ul li').eq(4).css({
        //                 'margin-left':'6px',
        //                 'margin-right':'6px',
        //             });
        //             $('.con ul li').eq(7).css({
        //                 'margin-left':'6px',
        //                 'margin-right':'6px',
        //             });
        //         }
        // })
        $.ajax({
            type:'post',
                url:new_url+'shop/goods/getGoodsBasicList',
                dataType:'json',
                data:{goodsId:goods_id2},
                success:function(e){
                    var list2_bg=$('#list2').html()
                    // console.log(e)
                    for (var i=0; i<e.data.goodsBasicList.length; i++){
                        var list2=template(
                            list2_bg,{
                                list:[{
                                    goods_id:e.data.goodsBasicList[i].goodsId,
                                    image:e.data.goodsBasicList[i].image,
                                    name:e.data.goodsBasicList[i].name,
                                    unitPrice:e.data.goodsBasicList[i].unitPrice
                                }]
                                }
                            )
                        $('.list_2').append(list2)        
                    }
                }
        })
        $.ajax({
            type:'post',
                url:new_url+'shop/goods/getGoodsBasicList',
                dataType:'json',
                data:{goodsId:goods_id3},
                success:function(e){
                    var list2_bg=$('#list2').html()
                    // console.log(e)
                    for (var i=0; i<e.data.goodsBasicList.length; i++){
                        var list2=template(
                            list2_bg,{
                                list:[{
                                    goods_id:e.data.goodsBasicList[i].goodsId,
                                    image:e.data.goodsBasicList[i].image,
                                    name:e.data.goodsBasicList[i].name,
                                    unitPrice:e.data.goodsBasicList[i].unitPrice
                                }]
                                }
                            )
                        $('.list_3').append(list2)        
                    }
                }
        })
    })
</script>
</html>